<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Búsqueda de equipo" styleClass="no_border">
					<rich:spacer height="15px;"></rich:spacer>
					<a4j:region>
						<h:panelGrid columns="1">
							<h:outputText value="BÚSQUEDA DE EQUIPO"
								styleClass="th200_titulo" />
						</h:panelGrid>
						<rich:spacer height="3px;"></rich:spacer>
						<rich:separator styleClass="separadorTres"></rich:separator>
						<rich:spacer height="10px;"></rich:spacer>
						<h:panelGrid columns="1">
							<h:panelGrid columns="5">
								<h:outputText value="Nombre" styleClass="th80" />
								<h:inputText value="#{equipoSearch.nombre}"
									styleClass="input150" />
								<rich:spacer width="25px;"></rich:spacer>
								<h:outputText value="Fundación" styleClass="th80_registro" />
								<h:selectOneMenu value="#{equipoSearch.fundacion}"
									styleClass="input100" id="fund">
									<s:selectItems var="tipo" value="#{equipoSearch.listaAnios}"
										label="#{tipo.anio}" noSelectionLabel=""></s:selectItems>
									<s:convertEntity />
								</h:selectOneMenu>
							</h:panelGrid>
							<h:panelGrid columns="7">
								<h:outputText value="Temporada" styleClass="th80" />
								<h:selectOneMenu value="#{equipoSearch.temporada}">
									<s:selectItems var="tipo"
										value="#{equipoSearch.listaTemporadas}"
										label="#{tipo.anio.anio}" noSelectionLabel=""></s:selectItems>
									<s:convertEntity />
								</h:selectOneMenu>
								<rich:spacer width="25px;"
									rendered="#{equipoSearch.modo != 4 and equipoSearch.modo != 5}"></rich:spacer>
								<h:outputText value="Activo" styleClass="th80"
									rendered="#{equipoSearch.modo != 4 and equipoSearch.modo != 5}" />
								<h:selectOneMenu value="#{equipoSearch.activo}"
									styleClass="input50" id="activo"
									rendered="#{equipoSearch.modo != 4 and equipoSearch.modo != 5}">
									<f:selectItem itemLabel="Sí" itemValue="1" />
									<f:selectItem itemLabel="No" itemValue="2" />
								</h:selectOneMenu>
								<rich:spacer width="25px;"></rich:spacer>
								<a4j:commandButton action="#{equipoSearch.buscar()}" value=""
									styleClass="boton_peq buscar" reRender="resultados"
									title="pulsa para realizar la búsqueda de equipos según los criterios" />
							</h:panelGrid>
						</h:panelGrid>
						<rich:spacer height="15px;"></rich:spacer>
						<h:panelGrid columns="1" id="resultados">
							<h:panelGrid columns="1">
								<h:outputText value="RESULTADOS CONSULTA"
									styleClass="th200_titulo" />
							</h:panelGrid>
							<rich:spacer height="3px;"></rich:spacer>
							<rich:separator styleClass="separadorTres"></rich:separator>
							<rich:spacer height="15px;"></rich:spacer>
							<h:panelGrid columns="1" cellspacing="10px;"
								rendered="#{equipos != null and equipos.size == 0}">
								<h:outputText
									value="No se han obtenido resultados con los criterios establecidos."
									styleClass="thDescripcion_peq600" />
							</h:panelGrid>
							<h:panelGrid columns="1" id="tablaResultados">
								<h:panelGrid columns="1" cellspacing="10px;"
									rendered="#{equipos != null and equipos.size > 0}">
									<h:outputText
										value="#{equipoSearch.totalRes} equipo/s encontrado/s."
										styleClass="thDescripcion_peq600" />
									<rich:spacer height="10px;"></rich:spacer>
									<rich:dataTable id="tablaEquipos" value="#{equipos}" var="equ"
										headerClass="rich-table-header"
										onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#99FF99';"
										onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
										rowClasses="fila_impar,fila_par" cellpadding="0"
										cellspacing="0"
										rendered="#{equipos!=null and equipos.rowCount >0}"
										width="700px" rows="10">

										<rich:column style="width:250px;text-align:center;"
											sortBy="#{equ.nombre}">
											<f:facet name="header">
												<h:outputText value="Nombre" style="width:250px;" />
											</f:facet>
											<h:outputText value="#{equ.nombre}" style="width:250px;"></h:outputText>
										</rich:column>
										<rich:column style="width:200px;text-align:center;"
											sortBy="#{equ.fundacion.anio}">
											<f:facet name="header">
												<h:outputText value="Fundación" style="width:200px;"></h:outputText>
											</f:facet>
											<h:outputText value="#{equ.fundacion.anio}"
												style="width:200px;"></h:outputText>
										</rich:column>
										<rich:column style="width:150px;text-align:center;">
											<f:facet name="header">
												<h:outputText value="Activo" style="width:150px;"></h:outputText>
											</f:facet>
											<h:outputText value="Si" style="width:100px;"
												rendered="#{equ.activo == true}"></h:outputText>
											<h:outputText value="No" style="width:100px;"
												rendered="#{equ.activo == false}" />
										</rich:column>
										<rich:column style="width:100px;text-align:center;"
											rendered="#{equipoSearch.modo == 1}">
											<f:facet name="header">
												<h:outputText value="Eliminar" style="width:100px;"></h:outputText>
											</f:facet>
											<a4j:commandButton action="#{equipoSearch.eliminar(equ)}"
												id="linkEliminar" value="" styleClass="boton_peq eliminar"
												style="width:100px;" reRender="errores, mensaje">
												<rich:componentControl for="panelEliminar"
													attachTo="linkEliminar" operation="show" event="onclick"></rich:componentControl>
											</a4j:commandButton>
										</rich:column>
										<rich:column style="width:100px;text-align:center;"
											rendered="#{equipoSearch.modo == 4}">
											<f:facet name="header">
												<h:outputText value="Alta" style="width:100px;"></h:outputText>
											</f:facet>
											<a4j:commandButton action="#{equipoSearch.alta(equ)}"
												id="linkAlta" value="" styleClass="boton_peq alta"
												style="width:100px;" reRender="errores,mensaje">
												<rich:componentControl for="panelAlta" attachTo="linkAlta"
													operation="show" event="onclick"></rich:componentControl>
											</a4j:commandButton>
										</rich:column>
										<rich:column style="width:100px;text-align:center;"
											rendered="#{equipoSearch.modo == 5}">
											<f:facet name="header">
												<h:outputText value="Baja" style="width:100px;"></h:outputText>
											</f:facet>
											<a4j:commandButton action="#{equipoSearch.baja(equ)}"
												id="linkBaja" value="" styleClass="boton_peq baja"
												style="width:100px;" reRender="errores, mensaje">
												<rich:componentControl for="panelBaja" attachTo="linkBaja"
													operation="show" event="onclick"></rich:componentControl>
											</a4j:commandButton>
										</rich:column>
										<rich:column style="width:100px;text-align:center;"
											rendered="#{equipoSearch.modo == 2}">
											<f:facet name="header">
												<h:outputText value="Editar" style="width:100px;"></h:outputText>
											</f:facet>
											<a4j:commandButton
												action="#{equipoAction.selectEquipo(equ, 1)}" value=""
												styleClass="boton_peq editar_equ" style="width:100px;" />
										</rich:column>
										<rich:column style="width:100px;text-align:center;"
											rendered="#{equipoSearch.modo == 3}">
											<f:facet name="header">
												<h:outputText value="Consultar" style="width:100px;"></h:outputText>
											</f:facet>
											<h:commandButton
												action="#{equipoAction.selectEquipo(equ, 2)}" value=""
												styleClass="boton_peq consultar_equ" style="width:100px;" />
										</rich:column>
									</rich:dataTable>
									<rich:datascroller align="center" for="tablaEquipos"
										maxPages="20" page="1" id="sc"
										rendered="#{equipos != null and equipos.rowCount>0}" />
								</h:panelGrid>
							</h:panelGrid>
						</h:panelGrid>
					</a4j:region>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>

		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="5" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" id="linkAyuda"
					style="width:48px;"
					title="pulsa para obtener ayuda acerca de la pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="25px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="#{equipoSearch.volver()}"
					title="pulsa para volver al menú equipos de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="25px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera inicio"
					style="width:48px;" action="#{equipoSearch.menu()}"
					title="pulsa para volver al menú principal de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Inicio" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Está en la pantalla de búsqueda de equipos. Para encontrar el equipo que desee, rellene algunos de los
					criterios de búsqueda que tiene en el formulario y que puedan coincidir con el equipo que busca. Por último, pulsa
					sobre el botón buscar del formulario, obtendrá los resultados según los criterios establecidos."
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelEliminar" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Eliminar" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Se dispone a eliminar a un equipo del sistema. 
					¿Desea seguir con la operación y eliminar al equipo de forma permanente del sistema? Recuerde, no se podrá
					 eliminar equipos que ya hayan participado en alguna competición."
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="15px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="90px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarE" action="#{equipoSearch.eliminar()}"
						value="" styleClass="boton_modal eliminar">
						<rich:componentControl for="panelEliminar" attachTo="aceptarE"
							operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarE" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelEliminar" attachTo="cancelarE"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
			<rich:spacer height="15px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="cerrarE" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelEliminar" attachTo="cerrarE"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelAlta" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Alta" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Se dispone a dar de alta a un equipo en el sistema para que pueda participar en la competición. 
					¿Desea seguir con la operación y dar de alta al equipo en el sistema?"
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="15px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="90px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarA" action="#{equipoSearch.alta()}"
						value="" styleClass="boton_modal aceptar">
						<rich:componentControl for="panelAlta" attachTo="aceptarA"
							operation="hide" event="onclick" />
						<a4j:support event="oncomplete"
							reRender="errores, mensaje, tablaResultados, tablaEquipos"></a4j:support>
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarA" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelAlta" attachTo="cancelarA"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
			<rich:spacer height="15px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="cerrarA" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAlta" attachTo="cerrarA"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelBaja" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Baja" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Se dispone a dar de baja a un equipo en el sistema para que no pueda participar en la competición. 
					¿Desea seguir con la operación y dar de baja al equipo en el sistema? Ojo, el equipo no se eliminará."
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="15px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="90px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarB" action="#{equipoSearch.baja()}"
						value="" styleClass="boton_modal aceptar">
						<a4j:support event="oncomplete"
							reRender="errores, mensaje, tablaResultados, tablaEquipos"></a4j:support>
						<rich:componentControl for="panelBaja" attachTo="aceptarB"
							operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarB" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelBaja" attachTo="cancelarB"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
			<rich:spacer height="15px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="cerrarB" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelBaja" attachTo="cerrarB"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>